<!-- 打卡页面  -->
<template>
  <div style="max-width: 750px; margin: 0 auto">
    <div class="big_box" style="max-width: 750px; margin: 0 auto">
      <!-- 上部分 开始 -->
      <el-table :data="tableData" style="width: 100%">
        <el-table-column type="index" align="center" label="物流编号">
        </el-table-column>
        <el-table-column prop="name" align="center" label="商品名称">
        </el-table-column>
        <el-table-column prop="date" align="center" label="数量">
        </el-table-column>
        <el-table-column prop="img" align="center" label="图片">
        </el-table-column>
        <!-- <el-table-column
    align="center"
      label="操作">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">修改</el-button>
        <el-button type="text" size="small">上传</el-button>
      </template>
</el-table-column> -->
      </el-table>
    </div>
  </div>
</template>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
// import Mixin from "./clockin";
// import clockinMixin from "./clockinMixin";
export default {
  name: "clockInView",
  components: {
    /** popup 弹出框 */
    // popup: () => import('./popupView.vue')
  },
  // mixins: [Mixin, clockinMixin],
  data() {
    return {
      tableData: [
        {
          date: "100",
          name: "薯片",
          province: "上海",
          city: "普陀区",
          img: "暂无图片",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "200",
          name: "烤鸭",
          img: "暂无图片",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1517 弄",
          zip: 200333,
        },
      ],
    };
  },
  mounted() {},
  created() {},
  methods: {
    handleClick(row) {
      console.log(row);
    },
  },
};
</script>
<style scoped >
.big_box {
  width: 100%;
  background: url("https://s3.bmp.ovh/imgs/2023/02/27/072d644dbb04f591.png");
  background-size: 100% 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 0.3125rem;
  font-size: 0.15rem;
  color: #404040;
}

.big_box_top {
  padding-left: 10px;
  margin-top: 10px;
}
</style>
